<template>
	<view class="viewRowBetween pre-hover" hover-class="hover" :style="item.compStyle" :class="item.compClass" @tap.stop="click">
		<text class="QS-text">{{item.attributes.text}}</text>
		<QS-Button :compStyle="{ button: 'background-color: none;color: #000000;border-radius: 60px;border: 1px solid #000000 !important;padding: 0 10px;line-height: 20px;' }" fontSize="10px" height="22px" @click="click">查看</QS-Button>
	</view>
</template>

<script>
	import QSSuperComponentCustomCompMixin from '../QSSuperComponentCustomCompMixin.js'
	export default {
		mixins: [QSSuperComponentCustomCompMixin({componentType:'bargainBuy-1'})],
		props: {
			item: {
				type: Object,
				default: ()=>({})
			},
		},
	}
</script>

<style scoped>
	.viewRowBetween{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
</style>
